<template>
<el-card>
    <div>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane  label="汇款记录" name="first">
          <el-table
            :data="tableData"
            border
            style="width: 100%">
            <el-table-column
              prop="date"
              label="收款人"
              width="180">
            </el-table-column>
            <el-table-column
              prop="name"
              label="收款金额"
              width="180">
            </el-table-column>
            <el-table-column
              prop="address"
              label="备注">
            </el-table-column>
            <el-table-column
              prop="address"
              label="汇款人">
            </el-table-column>
            <el-table-column
              prop="address"
              label="汇款地点">
            </el-table-column>
            <el-table-column
              prop="address"
              label="汇款日期">
            </el-table-column>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="个人资产" name="second">
          <el-table
            :data="tableData"
            border
            style="width: 100%">
            <el-table-column
              prop="date"
              label="日期"
              width="180">
            </el-table-column>
            <el-table-column
              prop="name"
              label="姓名"
              width="180">
            </el-table-column>
            <el-table-column
              prop="address"
              label="地址">
            </el-table-column>
          </el-table>
        </el-tab-pane>
      </el-tabs>

    </div>
</el-card>
</template>

<script>
export default {
  data() {
    return {
      activeName: 'second',
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  },
  handleClick(tab, event) {
    console.log(tab, event)
  }

}
</script>

<style lang="less" scoped>

</style>>
